<template>
  <div class="ee-container">
    <HeadNav type="ee"></HeadNav>
    <main class="ee-main ee-layout flex-box">
      <div class="side card">
        <SideNav :menu="menu"></SideNav>
      </div>
      <div class="main card">
        <router-view></router-view>
      </div>
    </main>
  </div>
</template>

<script>
import HeadNav from '@/components/HeadNav';
import SideNav from "_c/SideNav";
export default {
  name: "EEHome",
  components: {SideNav, HeadNav},
  data() {
    return {
      menu: [
        {
          title: "员工信息",
          to: {
            name: "ee-self-center",
          },
          page: ["ee-self-center"],
        },
        {
          title: "企业课程",
          to: {
            name: "ee-self-course",
          },
          page: ["ee-self-course"],
        },
        {
          title: "学习任务",
          to: {
            name: "ee-self-task",
          },
          page: ["ee-self-task"],
        }
      ]
    }
  }
}
</script>

<style scoped>

.side {
  flex-shrink: 0;
  flex-basis: 160px;
  height: 300px;
  margin-right: 20px;
  border-radius: 10px;
  padding: 10px 0;
}

.main {
  flex: 1;
  border-radius: 10px;
  min-height: 500px;
}

</style>
